<!--
 * @Author: licongwei
 * @Date: 2022-03-07 19:10:28
 * @FileDescription: 头部
-->
<template>
  <div class="header-nav">
    <basic-menu />
    <pulseLeft />
    <pulseRight />
    <!-- 时间选择 -->
    <dateSelection></dateSelection>
    <!-- 返回首页 -->
    <!-- <router-link :to="'/home'" custom v-slot="{ navigate }"> -->
    <!-- <div class="back-btn" @click="navigate">返回首页</div> -->
    <!-- </router-link> -->
    <!-- 自动轮播 -->
    <carousel-btn />
    <!-- 时间 -->
    <!-- <clock /> -->
    <!-- 用户登录 -->
    <login />
    <!-- 流线动效 -->
    <animate-line />
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import basicMenu from './cpns/menu.vue'
import pulseLeft from './cpns/pulseLeft.vue'
import pulseRight from './cpns/pulseRight.vue'
import carouselBtn from './cpns/carouselBtn.vue'
// import clock from './cpns/clock.vue'
import login from './cpns/login.vue'
import animateLine from './cpns/animateLineNew.vue'
import dateSelection from './cpns/dateSelection.vue'
export default defineComponent({
  name: 'headerNav',
  components: {
    basicMenu,
    pulseLeft,
    pulseRight,
    login,
    animateLine,
    dateSelection,
    carouselBtn
  },
  setup() {
    return {}
  }
})
</script>
<style lang="less" scoped>
.header-nav {
  position: relative;
  z-index: 2;
  height: 130px;
  background: url('./img/header-bg0.png') no-repeat;
  background-size: 100% 78%;
  .back-btn {
    position: absolute;
    top: 50px;
    left: 1480px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    background-color: #164b86;
    font-family: 'AliHYAiHei';
    box-shadow: 0 0 5px 2px #2684f7 inset;
    cursor: pointer;
    transition: color 0.2s;
    &:hover {
      color: #fff;
    }
  }
}
</style>
